@import (reference) "./../shared/common";
@import (reference) "./../shared/color";
@height-top-bar: 34px;
.vtrade-container {
  position: absolute;
  height: 100%;
  width: 100%;
  font-family: Arial, "Microsoft YaHei",  "微软雅黑", "PingFangSC-Regular", Helvetica,  sans-serif, "Microsoft Sans Serif";
  background-color: #E8E8E8;
  overflow: hidden;
}

.watchlist-box {
  position: relative;
  width: 220px;
  height: 100%;
  background-color: #FFF;
}

.main-container {
  position: absolute;
  top: 0;
  left: 221px;
  bottom: 0;
  right: 0;
  .nav-bar {
    height: @height-top-bar;
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
    .display-flex(row, @justify-content: flex-start, center);
    .left-part {
      .flex-grow(1);
      .display-flex(row, flex-start, baseline);
    }
    .right-part {
      .flex-grow(1);
      .display-flex(row, flex-end, baseline);
    }
    .drawer-toggle {
      float: left;
      padding: 0 10px;
      line-height: @height-top-bar;
    }
  }
  .main-content {
    .display-flex(row, @justify-content: space-between, stretch);
    position: absolute;
    top: @height-top-bar;
    left: 0;
    bottom: 0;
    right: 0;
    // min-height: 600px;
  }
  .middle-container {
    position: relative;
    min-width: 601px;
    max-width: 601px;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-flow: column nowrap;
    background-color: #EEE;
    border-right: 1px solid #EEE;
    overflow: hidden;
    combo-chart {
      .display-flex;
      // flex: 1 1 0;
      .flex;
      min-height: 160px;
    }
  }
  .right-container {
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    height: 100%;
    min-height: 500px;
    overflow-y: auto;
    background-color: #FFF;
    display: flex;
    display: -webkit-flex;
    flex-flow: column nowrap;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -ms-flex-align: stretch;
    stock-position,
    entrust-business-combo,
    business-today {
      height: calc(~"33.33% - 2px");
      // min-width: 743px;
      position: relative;
    }
    entrust-business-combo,
    business-today {
      border-top: @border-simple;
    }
  }
}